<template>
  <div class="noMore-wrapper">
    <div class="line"></div>
    <div class="content">{{message}}</div>
    <div class="line"></div>
  </div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      default: "没有更多了"
    }
  }
}
</script>
<style lang="scss" scoped>
  .noMore-wrapper {
    width: 100%;
    height: 20px;
    margin-top: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    & .line {
      height: 0;
      width: 16px;
      border: 1px solid #dcdcdc;  /*no*/
    }
    & .content {
      font-size: 11px;
      color: #bbb;
      margin: 0 7px;
      line-height: 20px;
    }
  }
</style>